<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
   	xmlns:ui="http://java.sun.com/jsf/facelets"
   	template="/pages/templates/template.xhtml">

	<ui:define name="windowTitle">
		Lajes - Home
	</ui:define>

	<ui:define name="pageContent">
		<div class="mainhome">
			<div class="header">
				<div id="slidecontent">
			      <!-- start slideshow -->
					<div id="slider">
						<ul class="items">
							<li>
								<h:graphicImage value="/images/img1.png" alt=""/>
								<div class="banner">
									<span class="title"><span>Laboratório</span><span>de</span><span>Excelência</span></span>
									<p>Profissionais Altamente Capacitados</p>
									<p>Atendimento Diferenciado</p>
									<p>Novidades em Exames Laboratoriais</p> 
								</div>
							</li>
							<li>
								<h:graphicImage value="/images/img2.png" alt=""/>
								<div class="banner">
									<span class="title"><span>Especialidades</span><span>Laboratoriais</span><span>&nbsp;</span></span>
									<p>Hematologia - Bioquímica - Parasitologia</p>
									<p>Uroanálise - Imunologia - Microbiologia</p>
									<p>Hormônios - Entre Outros</p> 
								</div>
							</li>
							<li>
								<h:graphicImage value="/images/img3.png" alt=""/>
								<div class="banner">
									<span class="title"><span>Atendimento</span><span>Diferenciado</span><span>&nbsp;</span></span>
									<p>Instalações Agradáveis</p>
									<p>Atendimento Preferencial para Idosos e Crianças</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="clr"></div>
					<h:graphicImage value="/images/slider_bg.png" alt="picture" width="980" height="26" />
					<!-- end #slideshow -->
					<div class="clr"></div>
			    </div>
		    </div>
		    <div class="slide_blog_resize">
			    <div class="slide_blog_resize_b">
			      <div class="slide_blog"> 
			      	<h:graphicImage value="/images/target.png" alt="picture" width="57" height="57" />
			        <h3>Missão</h3>
			        <p>Atuar no auxílio diagnóstico com ética e oferecer serviços de qualidade prezando sempre por resultados fidedignos. </p>
			      </div>
			      <div class="slide_blog"> 
			      	<h:graphicImage value="/images/statistics.png" alt="picture" width="57" height="57" />
			        <h3>Visão</h3>
			        <p>Ser o melhor e maior centro de análises clínicas de Jussara e região, proporcionando sempre atendimento de qualidade e preocupando-se com a individualidade de cada um de nossos pacientes.</p>
			      </div>
			      <div class="clr"></div>
			    </div>
		  	</div>
		  	<div class="slide_blog_resize">
			    <div class="slide_blog_resize_b">
			      <div class="slide_blog_conv"> 
			        <h3>Convênios</h3>
			        <p:graphicImage value="/images/conv-sus.png"></p:graphicImage>
			        <p:graphicImage value="/images/conv-pref.png"></p:graphicImage>
			        <p:graphicImage value="/images/conv-correios.png"></p:graphicImage>
			        <p:graphicImage value="/images/conv-bradesco.png"></p:graphicImage>
			        <p:graphicImage value="/images/conv-paxcol.png"></p:graphicImage>
			        <p:graphicImage value="/images/conv-montcris.png"></p:graphicImage>
			      </div>
			      <div class="clr"></div>
			    </div>
		  	</div>
		  	<div class="body">
			    <div class="body_resize">
			      <div class="clr"></div>
			      <div class="port">
			        <h2><p:outputLabel value="#{newsController.newsOneTitle}"/></h2>
			        <h:graphicImage value="/images/img_1.jpg" alt="picture" width="276" height="153"  />
			        <div class="clr"></div>
			        <p><p:outputLabel value="#{newsController.newsOneDescription}"/></p>
			        <p:commandLink action="news_one">
						<h:graphicImage value="/images/read_more.gif" alt="picture" width="84" height="26" border="0" class="none" />
					</p:commandLink>
				  </div>
			      <div class="port">
			        <h2><p:outputLabel value="#{newsController.newsTwoTitle}"/></h2>
			        <h:graphicImage value="/images/img_2.jpg" alt="picture" width="276" height="153" />
			        <div class="clr"></div>
			        <p><p:outputLabel value="#{newsController.newsTwoDescription}"/></p>
			        <p:commandLink action="news_two">
						<h:graphicImage value="/images/read_more.gif" alt="picture" width="84" height="26" border="0" class="none" />
					</p:commandLink>
				  </div>
			      <div class="port last">
			        <h2><p:outputLabel value="#{newsController.newsThreeTitle}"/></h2>
			        <h:graphicImage value="/images/img_3.jpg" alt="picture" width="276" height="153" />
			        <p><p:outputLabel value="#{newsController.newsThreeDescription}"/></p>
			        <p:commandLink action="news_three">
						<h:graphicImage value="/images/read_more.gif" alt="picture" width="84" height="26" border="0" class="none" />
					</p:commandLink>
				  </div>
			      <div class="clr"></div>
			    </div>
		  	</div>
		  	<div class="clr"></div>
		</div>
		
		<script>
			$(window).load(
				function(){
					$('#slider')._TMS({
						banners:true,
						waitBannerAnimation:false,
						preset:'diagonalFade',
						easing:'easeOutQuad',
						pagination:true,
						duration:400,
						slideshow:8000,
						bannerShow:function(banner){
							banner.css({marginRight:-500}).stop().animate({marginRight:0}, 600)
						},
						bannerHide:function(banner){
							banner.stop().animate({marginRight:-500}, 600)
						}
					})
				}
			)
		</script>
	</ui:define>
</ui:composition>